<div class="hero common-hero">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="hero-ct">
          <h1>演员列表</h1>
          <ul class="breadcumb">
            <li class="active"><a [routerLink]="['/']">首页</a></li>
            <li><span class="ion-ios-arrow-right"></span> 演员列表</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- celebrity grid v1 section-->
<div class="page-single">
  <div class="container">
    <div class="row ipad-width2">
      <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="topbar-filter">
          <p>共找到 <span>{{pageInfo.totalElements}} 条记录</span></p>
        </div>
        <div class="celebrity-items">
          <div class="ceb-item" *ngFor="let actor of pageInfo.data">
            <a [routerLink]="['/person/detail',actor['id']]"><img [src]="actor['image']"
                                                                  style="width: 300px;height: 400px;"></a>
            <div class="ceb-infor">
              <h2><a href="celebritylist.html">{{actor['name']}}</a></h2>
              <span>{{actor['birthPlace']}}</span>
            </div>
          </div>
        </div>
        <div class="topbar-filter">
          <label>每页记录数:6</label>
          <select>
            <option value="range">每页6条记录</option>
          </select>

          <div class="pagination2">
            <span>页码:{{pageInfo.currentPage}} / {{pageInfo.totalPages}}</span>
            <a *ngFor="let i of pageInfo.pagesArr" style="cursor: pointer" (click)="changePage(i)">{{i}}</a>
            <a href="#"><i class="ion-arrow-right-b"></i></a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
